<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/assets/font/fontawesome-free-6.5.1-web/css/all.css" />
    <link rel="stylesheet" href="/assets/css/main.css" />
    <title>Trang chủ</title>
  </head>
  <body>
    <a id="signup-link" class="btn-dk" href="./signup.html">Đăng ký</a>
    <a id="login-link" class="btn-dn" href="./login.html">Đăng Nhập</a>

    <header id="header">
      <div class="header-nav">
        <a id="logo">
          Bonus
          <p>Zone</p>
        </a>
        <ul>
          <li>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
            <a href="">Giới thiệu</a>
          </li>
        </ul>
      </div>
    </header>
    <div id="content">
      <img class="content-img" src="./../assets/img/nen.jpg" alt="" />
      <div class="content-introduce">
        <h1>
          Ứng dụng hỗ trợ quản lí, phân loại chấm điểm thành viên trong cộng
          đồng
        </h1>
        <button href="#" class="content-btn">ĐĂNG KÍ NGAY</button>
        <p>
          <i class="fa-solid fa-check"></i>
          Miễn phí trọn đời phần mềm Quản lý Công việc, Dự án
        </p>
        <p>
          <i class="fa-solid fa-check"></i>
          Không giới hạn số người sử dụng
        </p>
      </div>
      <div class="content-introduce2">
        <img
          src="./../assets/img/CEO.jpg"
          alt=""
          class="content-introduce2-img"
        />
        <div class="content-introduce2-list">
          <h1>Là CEO - Bạn có đang Quản lý Công việc một cách "nhẹ nhàng"?</h1>
          <div class="content-introduce2-item">
            <div class="content-introduce2-item1">
              <i class="fa-solid fa-circle-question"></i>
              <p>
                Bạn có nắm được tiến độ công việc của nhân viên? Ai đang phụ
                trách? Kết quả thế nào? Có vướng mắc?
              </p>
            </div>
            <div class="content-introduce2-item2">
              <i class="fa-solid fa-circle-question"></i>
              <p>
                Bạn có mất thời gian theo sát và nhắc nhở nhân viên làm việc?
              </p>
            </div>
            <div class="content-introduce2-item3">
              <i class="fa-solid fa-circle-question"></i>
              <p>Nhân viên có đùn đẩy trách nhiệm khi không đạt kết quả tốt?</p>
            </div>
            <div class="content-introduce2-item4">
              <i class="fa-solid fa-circle-question"></i>
              <p>
                Bạn có phải chờ đợi "mòn mỏi" khi yêu cầu nhân viên báo cáo công
                việc?
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="content-introduce3">
        <h1>Ứng dụng BonusZone Project</h1>
        <p>
          Giải pháp quản lý, lập kế hoạch và theo dõi tiến độ công việc, dự án
          chính xác, kịp thời, tối ưu cho doanh nghiệp
        </p>
      </div>
      <div class="container-introduce4">
        <h2>Bám sát tiến độ, kiểm soát quy trình làm việc</h2>
        <p>Hoạt động linh hoạt giúp thực hiện dự án, công việc dễ dàng hơn.</p>
        <div class="container-introduce4_list">
          <h6>Theo dõi và bám sát tiến độ công việc</h6>
          <span>
            <i class="fa-solid fa-caret-down"></i>
            Lập kế hoạch và quản lý công việc theo thứ tự ưu tiên.
          </span>
          <span>
            <i class="fa-solid fa-caret-down"></i>
            Kiểm soát tiến độ công việc của từng nhân viên: nhiệm vụ, thời gian
            thực hiện,ngày đến hạn, quá hạn, v.v.
          </span>
          <span>
            <i class="fa-solid fa-caret-down"></i>
            Theo dõi thời gian làm việc có ích thay vì thời gian có mặt của nhân
            viên nhờ tích hợp chấm công ngay trên nhiệm vụ.
          </span>
        </div>
      </div>
    </div>
    <div id="footer"></div>
    <!-- AOS JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.js"></script>
    <script src="/client/index.js"></script>
  </body>
</html>
